<h2 style="text-align:center;">Visibilidad del Requisito</h2>
<div style="float:left;">
    <table>
        <tr>
            <td>
                <label>Grupo</label>
            </td>
            <td>
                <select id="selectVisibilidadGrupo2" class="text Ancho120 ui-widget-content ui-corner-all">
                    <option value="todos">Todos</option>
                    <?foreach($gruposDisponibles as $row):?>
                        <option value="<?=$row->codigoGrupo;?>"><?=$row->nombreGrupo;?></option>
                    <?endforeach;?>
                </select>
            </td>
            <td>
                <img id="agregarGrupoVisibilidad2" alt="Agregar" src="<?=base_url()?>imagenes/20_16x16.png"/>
            </td>
        </tr>
        <tr>
            <td>
                <label>Persona</label>
            </td>
            <td><?$i=0;?>
                <select id="selectVisibilidadPersona2" class="text Ancho120 ui-widget-content ui-corner-all">
                    <option value="todos">Todos</option>
                    <?for($i=0;$i<$indice;$i++):?>
                        <?foreach(${'nombreUsuario'.$i} as $row):?>
                            <option value="<?=$row->codigoUsuario;?>"><?=$row->nombres." ".$row->apellidoPaterno." ".$row->apellidoMaterno;?></option>
                        <?endforeach;?>
                    <?endfor;?>
                </select>
            </td>
            <td>
                <img id="agregarPersonaVisibilidad2" alt="Agregar" src="<?=base_url()?>imagenes/20_16x16.png"/>
            </td>
        </tr>
    </table>
    <?foreach($gruposDisponibles as $row):?>
        <input type="hidden" id="nombreGrupo2<?=$row->codigoGrupo;?>" value="<?=$row->nombreGrupo;?>" />
    <?endforeach;?>
    <?for($i=0;$i<$indice;$i++):?>
        <?foreach(${'nombreUsuario'.$i} as $row):?>
            <input type="hidden" id="codigoUsuario2<?=$row->codigoUsuario;?>" value="<?=$i;?>" />
            <input type="hidden" id="nombreUsuario2<?=$row->codigoUsuario;?>" value="<?=$row->nombres." ".$row->apellidoPaterno." ".$row->apellidoMaterno;?>" />
        <?endforeach;?>
        <?foreach(${'rol'.$i} as $row):?>
            <input type="hidden" id="nombreRol2<?=$i;?>" value="<?=$row->nombreRol;?>" />
            <input type="hidden" id="codigoRol2<?=$i;?>" value="<?=$row->codigoRol;?>" />
        <?endforeach;?>
    <?endfor;?>
</div>
<input id="contador12" type="hidden" value="<?=$cantGrupos;?>"/>
<!--Las tablas de cada uno!-->
<div id="mostrarTablaGrupo2" style="display:block;float:right;" class="ui-widget-content ui-corner-all divScroll2">
    <table id="tablaGrupo2">
        <tr>
            <th>Grupo</th>
            <th>Eliminar</th>
        </tr>
        <?$i=0;?>
        <?for($i=0;$i<$cantGrupos;$i++):?>
            <?foreach(${'datosGrupos'.$i} as $row):?>
                <tr id="FilaGrupo<?=$i;?>">
                    <td><input type="text" disabled id="nombreGrupoTabla2<?=$i?>" class="ui-widget-content ui-corner-all Ancho120" value="<?=$row->nombreGrupo;?>" /></td>
                    <td align="center"><img alt="Eliminar" src="<?=base_url()?>imagenes/X2.png" onclick="eliminaFilaTabla3(this.name);" id="eliminarGrupo<?=$i;?>" name="<?=$i;?>"/></td>
                    <td><input type="hidden" disabled id="codigoGrupoTabla2<?=$i?>" value="<?=$row->codigoGrupo;?>" /></td>
                </tr>
            <?endforeach;?>
        <?endfor;?>
    </table>
</div>
<input id="contador22" type="hidden" value="<?=$cantUsuarios;?>"/>
<div id="mostrarTablaPersona2" style="display:block;float:left;width:100%;" class="ui-widget-content ui-corner-all divScroll2">
    <table id="tablaPersona2">
        <tr>
            <th>Nombre</th>
            <th>Rol</th>
            <th>Eliminar</th>
        </tr>
        <?$i=0;?>
        <?for($i=0;$i<$cantUsuarios;$i++):?>
            <?foreach(${'datosUsuarios'.$i} as $row):?>
            <tr id="FilaUsuario<?=$i;?>">
                <td><input type="text" disabled class="ui-widget-content ui-corner-all Ancho120" id="nombreUsuarioTabla2<?=$i?>" value="<?=$row->nombres.' '.$row->apellidoPaterno.' '.$row->apellidoMaterno;?>"/></td>
                <?foreach(${'datosRoles'.$i} as $row1):?>
                    <td><input type="text" disabled class="ui-widget-content ui-corner-all Ancho120" id="rolUsuarioTabla2<?=$i?>" value="<?=$row1->nombreRol;?>"></td>
                <?endforeach;?>
                <td align="center" ><img alt="Eliminar" src="<?=base_url()?>imagenes/X2.png" onclick="eliminaFilaTabla4(this.name);" id="eliminarUsuario<?=$i;?>" name="<?=$i;?>"/></td>
                <td><input type="hidden" id="codPersona2<?=$i;?>" value="<?=$row->codigoUsuario;?>"/></td>
                <?foreach(${'datosRoles'.$i} as $row1):?>
                    <td><input type="hidden" id="codRol2<?=$i?>" value="<?=$row1->codigoRol;?>"/></td>
                <?endforeach;?>
            </tr>
            <?endforeach;?>
        <?endfor;?>
    </table>
</div>
<input type="hidden" id="gruposPreCargados" value="<?=$cantGrupos;?>"/>
<?$i=0;?>
<?for($i=0;$i<$cantGrupos;$i++):?>
    <?foreach(${'datosGrupos'.$i} as $row):?>
        <input type="hidden" id="codigosGruposPreCargados<?=$i?>" value="<?=$row->codigoGrupo;?>"/>
    <?endforeach;?>
<?endfor;?>
<input type="hidden" id="usuariosPreCargados" value="<?=$cantUsuarios;?>"/>
<?$i=0;?>
<?for($i=0;$i<$cantUsuarios;$i++):?>
    <?foreach(${'datosUsuarios'.$i} as $row):?>
        <input type="hidden" id="codigosUsuariosPreCargados<?=$i?>" value="<?=$row->codigoUsuario;?>"/>
    <?endforeach;?>
<?endfor;?>
<h2 style="text-align:center;">Archivos Adjuntos</h2>
<div id="divSubirArchivos2" style="width:100%;" class="ui-widget-content ui-corner-all">
    <div id="divUpload2" style="float:left; width:100%;">
        <table>
            <tr>
                <td valign="top"><label>Seleccione Archivo </label></td>
                <td valign="top"><input type="file" id="fileInput12"/></td>
                <td id="TextAreaDescArchivo"><td>
            </tr>
        </table>
    </div>
    <div style="overflow:scroll; width:100%; height:20%;" >
        <?if($cantDocumentos > 0):?>
            <table id="tablaDocumentos" style="width:98%;">
                <tr>
                    <th>Documento</th>
                    <th>Descripción</th>
                    <th>Eliminar</th>
                </tr><?$i=0;?>
                <?foreach($datosDocumentos as $row):?>
                    <?$ruta = $row->rutaDocumento;?>
                    <?$ruta = strrev($ruta);?>
                    <?$nombre = array();?>
                    <?$nombre=explode('/',$ruta);?>
                    <?$Archivo = strrev($nombre[0]);?>
                    <tr id="FilaDocumento<?=$i;?>">
                        <td valign="top" align="center"><a href="<?=$row->rutaDocumento;?>"><?=$Archivo;?></a><input type="hidden" id="rutaDocumentos<?=$i;?>" value='<?=$row->rutaDocumento;?>'/></td>
                        <td align="center"><textarea rows="2" cols="20" id="descripcionDocumento<?=$i;?>"><?=$row->descripcionDocumento;?></textarea></td>
                        <td valign="top" align="center"><img alt="Eliminar" src="<?=base_url();?>imagenes/X2.png" onclick="eliminaFilaTabla5(this.name);" name="<?=$i;?>"/></td>
                        <td><input type="hidden" id="codigoDocumento<?=$i;?>" value="<?=$row->codigoDocumento;?>"/></td>
                        <?$i++;?>
                    </tr>
                <?endforeach;?>
            </table>
            
        <?endif;?>
    </div>
    <?$i=0;?>
    <?foreach($datosDocumentos as $row):?>
        <input id="codigoDocPre<?=$i;?>" type="hidden" value="<?=$row->codigoDocumento;?>"/>
        <?$i++;?>
    <?endforeach;?>
    <input id="cantDocPre" type="hidden" value="<?=$cantDocumentos;?>"/>
    <input type="hidden" id="contadorUrl2" value="1"/>
    <input type="hidden" id="contadorUrl22" value="<?=$cantDocumentos;?>"/>
</div>
